<html>
<head>
    <title>永久性配置保存测试</title>
    <script src="/jquery-3.5.1.min.js"></script>
    <script src="/main.js"></script>
</head>
<body>
<h1>永久性配置保存</h1>
<span>可以永久性保留配置配置文件的数据，比如刷新网页后，页面数据就没了，使用这个插件可以再次读取回来</span>

<textarea></textarea>

<script>
    let config=$.db("db_test");

    $("textarea").val(config.read("text","请在此处输入内容，将会自动保存!"));
    $("textarea").bind('input propertychange',function () {//改变内容后，将会自动保存
        config.write("text",$("textarea").val());

    });
    $("textarea").blur(function () {//失去焦点后，自动保存
        config.write("text",$("textarea").val());
    })
</script>
</body>
</html>